@import "../../variable";

.transfer-list-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .toolbar {
    height: 30px;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    .toolbar-left {
    }

    .toolbar-right {
    }
  }

  .transfer-table__wrapper {
    flex: 1;
    overflow: auto;

    .transfer-table {
      width: 100%;
      margin: 0;
      padding: 0;

      .transfer-table__row {
        border-top: 1px solid $color-border;
        padding: 5px 10px;

        .transfer-table__row_item {
          &.meta {
            display: flex;
            flex-direction: row;

            .icon {
              height: 40px;
              width: 40px;
              padding: 5px;
            }

            .name-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: center;

              .name {
                font-size: 14px;
                color: #fff;
                line-height: 20px;
              }

              .size {
                font-size: 12px;
                color: #999;
                line-height: 17px;
              }
            }
          }

          &.progress {
            min-width: 200px;
          }

          &.type {
            text-align: center;
            min-width: 50px;
          }

          &.action {
            text-align: center;
            min-width: 50px;
          }
        }

        &:last-child {
          border-bottom: 1px solid $color-border;
        }
      }
    }
  }
}
